<div class="jumbotron jumbotron-index hidden-print">
    <div class="container">
        <div class="row">
            <div class="span8">
                <div class="hero-content">
                    <h1>Font Awesome</h1>
                    <p>The iconic font designed for Bootstrap</p>
                    <div class="actions">
                        <a class="btn btn-primary btn-large" href="{{ page.relative_path }}assets/font-awesome.zip"
                            onclick="_gaq.push(['_trackEvent', 'Outbound Link', 'Download on GitHub']);">
                            <i class="icon-download-alt icon-large"></i>&nbsp;&nbsp;
              Download
            </a>
                    </div>
                    <div class="shameless-self-promotion">
                        <a href="{{ site.fontawesome.github.url }}"
                            onclick="_gaq.push(['_trackEvent', 'Outbound Link', 'View Project on GitHub']);">GitHub Project</a> &nbsp;&nbsp;&middot;&nbsp;&nbsp;
            Version {{ site.fontawesome.version }} &nbsp;&nbsp;&middot;&nbsp;&nbsp;
            Created &amp; Maintained by <a href="http://twitter.com/{{ site.fontawesome.author.twitter }}">Dave Gandy</a>
                    </div>
                </div>
            </div>
            <div class="span4">
                <div id="iconCarousel" class="carousel slide">
                    <!-- Carousel items -->
                    <div class="carousel-inner">
                        <div class="active item">
                            <div><i class="icon-flag"></i></div>
                        </div>
                        <div class="item">
                            <div><i class="icon-compass"></i></div>
                        </div>
                        <div class="item">
                            <div><i class="icon-rocket"></i></div>
                        </div>
                        <div class="item">
                            <div><i class="icon-shield"></i></div>
                        </div>
                        <div class="item">
                            <div><i class="icon-star-half-empty"></i></div>
                        </div>
                        <div class="item">
                            <div><i class="icon-envelope-alt"></i></div>
                        </div>
                        <div class="item">
                            <div><i class="icon-medkit"></i></div>
                        </div>
                        <div class="item">
                            <div><i class="icon-book"></i></div>
                        </div>
                        <div class="item">
                            <div><i class="icon-fighter-jet"></i></div>
                        </div>
                        <div class="item">
                            <div><i class="icon-beer"></i></div>
                        </div>
                        <div class="item">
                            <div><i class="icon-heart-empty"></i></div>
                        </div>
                        <div class="item">
                            <div><i class="icon-thumbs-up"></i></div>
                        </div>
                    </div>
                    <!-- Carousel nav -->
                    <a class="carousel-control left" href="#iconCarousel" data-slide="prev"
                        onclick="_gaq.push(['_trackEvent', 'iconCarousel', 'Prev']);">
                        <i class="icon-circle-arrow-left"></i></a>
                    <a class="carousel-control right" href="#iconCarousel" data-slide="next"
                        onclick="_gaq.push(['_trackEvent', 'iconCarousel', 'Next']);">
                        <i class="icon-circle-arrow-right"></i></a>
                </div>
            </div>
        </div>
    </div>
</div>